<template>
    <div>
        <NavBarView />
        <router-view></router-view>
    </div>
</template>

<script>
import NavBarView from "./components/NavBarView.vue"
import "bootstrap/dist/css/bootstrap.min.css";
import "bootstrap/dist/js/bootstrap";
import pear from "@/assets/js/pear"

export default {
    components: {
        NavBarView,
    },
    created() {
      const start = () => {
          new pear();
        }
        start
    },
}
</script>

<style>
body {
  background-image: url("@/assets/sun.png");
  background-size: cover;
  overflow-y: scroll;
}

*::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}
*::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
  display: none;
}
*::-webkit-scrollbar-corner {
  background-color: transparent;
}
*::-webkit-scrollbar-thumb {
  border: 4px solid rgba(0, 0, 0, 0);
  height: 6px;
  border-radius: 25px;
  background-clip: padding-box;
  background-color: rgba(0, 0, 0, 0.30);
}

</style>